<template>
  <div class="FileUpload">
    <el-upload
      class="upload-demo"
      action="https://jsonplaceholder.typicode.com/posts/"
      :on-preview="handlePreview"
      :on-remove="handleRemove"
      :before-remove="beforeRemove"
      multiple
      :limit="3"
      :on-exceed="handleExceed"
      :file-list="fileList"
    >
      <el-button type="primary"
        ><svg
          class="icon"
          width="20"
          height="20"
          viewBox="0 0 1024 1024"
          xmlns="http://www.w3.org/2000/svg"
          data-v-042ca774=""
        >
          <path
            fill="currentColor"
            d="M160 832h704a32 32 0 110 64H160a32 32 0 110-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
          ></path></svg
        >上传</el-button
      >
    </el-upload>
  </div>
</template>

<script>
// import { ref } from 'vue'
// import { ElIcon, Upload } from "@element-plus/icons-vue";
import { ElUpload, ElButton } from "element-plus";
export default {
  components: {
    ElUpload,
    ElButton,
    // ElIcon,
    // Upload,
  },
};
</script>

<style lang="less" scoped>
// .FileUpload {
//   .el-upload {
//   }
//   .el-button {
//     .el-icon {
//       // /deep/svg{
//       //     width: 20px;
//       //     height: 20px;
//       // }
//     }
//   }
// }
</style>
